<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>
			John Cox :: in no vate [in-uh-veyt]
		</title>
		<meta name="keywords" content="John Cox, innovate, php, sql, css, design, louisville, kentucky, xaraya" />
		<meta name="description" content="Gateway for John Cox" />
		<style type="text/css">
			html, body { height: 100%; margin: 0; padding: 0;}
			body {color: #000; background: #FFF; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
			a {color: #000; text-decoration: none;}
			img {border-style: none;}
			p {margin: 0px; padding-top: 20px;}
			h1 {margin: 0px; color: #BBB}
			h2 {margin: 0px; color: #708090; font-size: 28px}
			#title {display: block; width: 500px; height: 115px; background: transparent url(title.png); text-indent: -9999px;}
			#footer {display: block; width: 500px; height: 50px; background: transparent url(footer.png); text-indent: -9999px;}
			#footer-icons {padding-left: 90px;}
			.more {padding-left: 30px; margin-top: -20px; width: 450px; line-height: 25px;}
			.pad {padding-right: 25px;}
			#bg {position:fixed; top:0; left:55%; width:45%; height:100%;}
			#content {position:relative; z-index:1; padding-left: 40px; padding-top: 20px;}
			#bottom {position: fixed; bottom: 20px; left: 0; padding: 2%;}
		</style>
		<!--[if IE 6]>
			<style type="text/css">
			/* some css fixes for IE browsers */
			html {overflow-y:hidden;}
			body {overflow-y:auto;}
			#bg {position:absolute; z-index:-1;}
			#content {position:static;}
			</style>
		<![endif]-->
	</head>
	<body>
		<img src="http://wyome.com/back.jpg" alt="John Cox" id="bg" />
		<div id="content">
			<h1 id="title">John Cox loves innovation.</h1> 
			<p class="more">I've been around <a href="http://en.wikipedia.org/wiki/F-14_Tomcat" title="F-14s were Fast">fast things</a>, <a href="http://wyome.com/disney.jpg" title="Disney is Fun">fun things</a>, and <a href="http://www.xaraya.com" title="Xaraya was Fulfilling">fulfilling</a> things.  Each hold a special place in my heart.  The common thread is that each was an innovation.</p>
			<p class="more" style="margin-top: 0px"><a href="http://en.wikipedia.org/wiki/Innovation" title="Read a bit more.">"Innovation is a new way of doing something or "new stuff that is made useful"[1]. It may refer to incremental and emergent or radical and revolutionary changes in thinking, products, processes, or organizations."</a></p>
			<div id="bottom">
				<h2 id="footer">get in touch,</h2>
				<div id="footer-icons">
					<p>
						<a href="https://www.facebook.com/jcc2010" title="John's Facebook">
							<img src="http://wyome.com/icons/48/facebook.png" alt="John's Facebook" class="pad" />
						</a>
			
						<a href="http://www.linkedin.com/pub/john-cox/2/159/491" title="John's LinkedIn">
							<img src="http://wyome.com/icons/48/linkedin.png" alt="John's LinkedIn" class="pad" />
						</a>
			
						<a href="http://delicious.com/niceguyeddie" title="John's Delicious">
							<img src="http://wyome.com/icons/48/delicious.png" alt="John's Delicious" class="pad" />
						</a>
			
						<a href="http://code.google.com/p/wyome-xaraya/" title="John's Code">
							<img src="http://wyome.com/icons/48/google.png" alt="John's Code" class="pad" />
						</a>
			
						<a href="http://twitter.com/jcc2010" title="John's Thoughts">
							<img src="http://wyome.com/icons/48/twitter.png" alt="John's Thoughts" class="pad" />
						</a>
			
						<a href="http://www.last.fm/user/jcc2010" title="John's Play List">
							<img src="http://wyome.com/icons/48/lastfm.png" alt="John's Play List" class="pad" />
						</a>
			
						<a href="http://feeds.feedburner.com/wyome" title="John's Feed">
							<img src="http://wyome.com/icons/48/feed.png" alt="John's Feed" class="pad" />
						</a>
					</p>
				</div>
			</div>
		</div>
		 <script type="text/javascript">
			var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
			document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
			try{
				var pageTracker = _gat._getTracker("UA-5525902-1");
				pageTracker._trackPageview();
			} catch(err) {}
		</script>
	</body>
</html>
